<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>首页</title>
    <meta name="description" content="" />
    <meta name="keyword" content="" />
    <!--[if lt IE 9]>
    <script src="./js/lib/html5shiv.min.js"></script>
    <![endif]-->
    <link href="./css/all.css" rel="stylesheet" />
</head>

<body>
    <nav class="top-nav">
        <div class="content-container">
            <div class="logo">专家咨询系统</div>
            <ul class="nav-links">
                <li><a href="./pages/list.html" title="我的咨询">我的咨询</a></li>
                <li><a href="./pages/list.html" title="咨询我的">咨询我的<i></i></a></li>
                <li class="noborder"><a href="./pages/list.html" title="所有咨询">所有咨询</a></li>
            </ul>
        </div>
    </nav>
    <section class="index-banner">
        <div class="content-container index-query-box">
            <h2>查找你需要的专家</h2>
            <p>查看专家的专业经验，找到匹配的专家进行咨询</p>
            <form>
                <div class="base-query clearfix">
                    <input class="text-input input-keyword fl margin-r-20" placeholder="输入查找关键字" />
                    <select class="text-input fl" style="width:260px;">
                        <option>选择专业</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                    </select>
                    <button class="btn pl">搜索</button>
                </div>
                <div class="addon-query clearfix margin-t-20 j-addon-query">
                    <select class="text-input" style="width:370px;">
                        <option>城市</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                    </select>
                    <select class="text-input" style="width:340px;">
                        <option>选择具体专业</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                    </select>
                </div>
                <div class="fold-btn j-fold-btn">
                    <a href="#" class="up">收起</a>
                    <a href="#" class="down">展开</a>
                </div>
            </form>
        </div>
    </section>
    <section class="index-list">
        <div class="content-container">
            <ul class="expert-list clearfix j-expert-list">
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br>计算机应用<br>钢构</p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br>计算机应用<br>钢构</p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br>计算机应用<br>钢构<br>钢构</p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br></p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br>计算机应用<br>钢构</p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br>计算机应用<br>钢构</p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br>计算机应用<br>钢构</p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="./img/avatar.jpg" class="expert-avatar" />
                    <div class="expert-content">
                        <h3>范哲锋</h3>
                        <p class="expert-t">高级教授工程师<br>高级工程师</p>
                        <p class="expert-s">水土保持<br>计算机应用<br>钢构</p>
                        <div class="expert-r">咨询次数：30次</div>
                        <div class="expert-btn">
                            <a href="./pages/detail.html" class="detail-btn">详情</a>
                            <span></span>
                            <a href="./pages/new.html" class="query-btn">咨询</a>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="pagging-bar">
                <ul class="pagging-list">
                    <li class="disable first-child">&nbsp;</li>
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li class="ellipsis">...</li>
                    <li class="last-child">&nbsp;</li>
                </ul>
            </div>
        </div>
    </section>
    <footer class="footer-nav">xxxx部门主办</footer>
</body>
<script src="./js/lib/jquery-1.12.4.min.js"></script>
<link href="./js/lib/select2/dist/css/select2.css" rel="stylesheet" />
<script src="./js/lib/select2/dist/js/select2.js"></script>
<script src="./js/lib/jplaceholder.js"></script>
<script src="./js/index.js"></script>
</html>
